<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>css示例</title>
		<!--使用link标签将外部样式文件引入到本文件中-->
		<link rel="stylesheet" href="css/base.css" />
		<!--内部样式-->
		<style>
			/* 作用域big的css样式 */
			/* 标签选择器 */
			
			big {
				text-align: center;
				background-color: blue;
				font-family: "century gothic";
			}
			/*类选择器，在需要使用该样式类时，使用标签的class属性引入即可*/
			
			.tagbgcolor {
				background-color: #0000FF;
			}
			
			.tagFontSize {
				font-size: 20px;
			}
			/* ID选择器 */
			
			#msgA {
				background-color: #E0000F;
			}
			/* 派生选择器 */
			
			body p small {
				background-color: bisque;
			}
		</style>
	</head>

	<body>
		<hr />
		<div>
			<p>
				<big style="background-color: green;">big标签网上书城</big><br>
				<span>
					<strong>strong标签网上书城</strong><br>
					<dfn>dfn标签网上书城</dfn><br>
					<code id="msgA">code标签网上书城</code><br>
					<samp>samp标签网上书城</samp><br>
					<big>big标签网上书城</big><br>
					<kbd id="msgB">kbd标签网上书城</kbd><br>
				</span>
				<var class="tagbgcolor tagFontSize">var标签网上书城</var><br>
			</p>
		</div>
	</body>

</html>